web开发中经常会做滚动监听，比如商品分类功能：左右两列，左侧类目，右侧商品，需要监听右测商品列表的滚动，滚到哪个类目区间，左侧就点亮哪个类目标签。如果在滚动的过程中一直监听而不做性能优化的话，浏览器是很容易卡死的。下面提供两种优化性能的方 ...

1、sort方法 let arr = [9, -3, 12, 3, 6, 14, -15, 8] arr.sort((a, b) => { // 升序 return a - b // 降序 // return b - a } ...

一、安装依赖 cnpm i file-saver xlsx -S 二、引入依赖 在需要导出Excel的页面（如user.vue）引入file-saver和xlsx： import FileSaver from 'file-saver' im ...

现在的web开发普遍采用前后端分离的模式，数据是二者之间的桥梁。 前端需要某项数据时向后端发送请求，后端根据请求，返回数据库中的数据。但在大多数情况下，这些数据是扁平的，并不能直接拿来渲染页面，必须经过js处理成前端所需的数据结构。比如在最 ...

关于专题【vue开发音乐App】 在我们想要获取其他网站数据的时候，浏览器的同源策略（Same origin policy）会禁止此项行为，但有时不得不实现这一操作，就会涉及跨域的问题。解决跨域也就成了前端必须掌握的技能，其中JSONP就是 ...

关于专题【vue开发音乐App】 将一些涉及DOM操作的方法封装成dom.js，培养组件化开发的习惯和思维，良好的封装有利于代码维护和效率提升。 一、常见的DOM操作 addClass(el, className)：为元素el添加名为cla ...

关于专题【vue开发音乐App】 轮播图属于基础组件，所以归纳到src/base/slide里面，新建slide.vue 一、html部分 ...

关于专题【vue开发音乐App】 开发页面时，如果想让某个区域支持滚动（或者需要监听滚动事件），一般会使用better-scroll——一款重点解决移动端（已支持 PC）各种滚动场景需求的插件，作者依然是黄轶老师，具体使用方法和例子可查看官 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

关于专题【vue开发音乐App】 如何优雅地将一个数组打乱？打乱意味着要随机、没有任何规律，就像洗牌那样，所以用Math.random()生成随机数是个可取的方法。shuffer()有可能在日常开发中使用，所以我们可以归纳到公用的js中去， ...